<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>@yield('title')</title>
 		
		<!-- MAIN CSS (REQUIRED ALL PAGE)-->
		{{ HTML::style('css/bootstrap.min.css') }}
		{{ HTML::style('css/font-awesome.min.css') }}
		{{ HTML::style('css/style.css') }}
		{{ HTML::style('css/style-responsive.css') }}
	</head>
 
	<body class="tooltips">
		<div class="wrapper">
			<!-- BEGIN TOP NAV -->
			<div class="top-navbar">
				<div class="top-navbar-inner">
					
					<!-- Begin Logo brand -->
					<div class="logo-brand">
						<a href="index.html"></a>
					</div>
					<!-- End Logo brand -->
					
					<div class="top-nav-content">
												
						<!-- Begin button sidebar right toggle -->
						@if( Auth::check() )
						<div class="btn-collapse-sidebar-right">
							<i class="fa fa-bullhorn"></i>
						</div>
						@endif
						<!-- End button sidebar right toggle -->
						
						<!-- Begin button nav toggle -->
						<div class="btn-collapse-nav" data-toggle="collapse" data-target="#main-fixed-nav">
							<i class="fa fa-plus icon-plus"></i>
						</div><!-- /.btn-collapse-sidebar-right -->
						<!-- End button nav toggle -->
						
						<!-- Begin user session nav -->
						@if( Auth::check() )
						<ul class="nav-user navbar-right">
							<li class="dropdown">
							  <a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
								{{ HTML::image( Auth::user()->avatar_url, Auth::user()->user_name, 
									array( 'class' => 'avatar img-circle' ) ) }}
								<strong>{{{Auth::user()->user_name}}}</strong>
							  </a>
							  <ul class="dropdown-menu square primary margin-list-rounded with-triangle">
								<li><a href="/profile">@lang( 'profile.profile' )</a></li>
								<li class="divider"></li>
								<li><a href="/logout">@lang( 'profile.logOut' )</a></li>
							  </ul>
							</li>
						</ul>
						@else
						<ul class="nav-user navbar-right" style="padding: 13px;">
							<li>
								<button type="submit" class="btn btn-success" onclick="location.href='/login'">
									<i class="fa fa-power-off"></i> 
									@lang( 'profile.login' )
								</button>
								<button type="submit" class="btn btn-danger" onclick="location.href='/signup'">
									<i class="fa fa-sign-in"></i> 
									@lang( 'profile.signUp' )
								</button>
							</li>
						</ul>
						@endif
						<!-- End user session nav -->
						
						<!-- Begin Collapse menu nav -->
						<div class="collapse navbar-collapse" id="main-fixed-nav">
						
							@if( Auth::check() )
							<ul class="nav navbar-nav navbar-left">
								<!-- Begin nav notification -->
								<li class="dropdown">
									<a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
										<span class="badge badge-danger icon-count">7</span>
										<i class="fa fa-bell"></i>
									</a>
									<ul class="dropdown-menu square with-triangle">
										<li>
											<div class="nav-dropdown-heading">
											Notifications
											</div><!-- /.nav-dropdown-heading -->
											<div class="nav-dropdown-content scroll-nav-dropdown">
												<ul>
													<li class="unread"><a href="#fakelink">
														<img src="" class="absolute-left-content img-circle" alt="Avatar">
														<strong>Doina Slaivici</strong> uploaded photo
														<span class="small-caps">10 minutes ago</span>
													</a></li>
													<li><a href="#fakelink">
														<img src="" class="absolute-left-content img-circle" alt="Avatar">
														<strong>Harry Nichols</strong> commented on your post
														<span class="small-caps">40 minutes ago</span>
													</a></li>
												</ul>
											</div><!-- /.nav-dropdown-content scroll-nav-dropdown -->
											<button class="btn btn-primary btn-square btn-block">See all notifications</button>
										</li>
									</ul>
								</li>
								<!-- End nav notification -->
								
								<!-- Begin nav message -->
								<li class="dropdown">
									<a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
										<span class="badge badge-success icon-count">9</span>
										<i class="fa fa-envelope"></i>
									</a>
									<ul class="dropdown-menu square margin-list-rounded with-triangle">
										<li>
											<div class="nav-dropdown-heading">
											Messages
											</div><!-- /.nav-dropdown-heading -->
											<div class="nav-dropdown-content scroll-nav-dropdown">
												<ul>
													<li class="unread"><a href="#fakelink">
														<img src="" class="absolute-left-content img-circle" alt="Avatar">
														Lorem ipsum dolor sit amet, consectetuer adipiscing elit
														<span class="small-caps">17 seconds ago</span>
													</a></li>
													<li><a href="#fakelink">
														<img src="" class="absolute-left-content img-circle" alt="Avatar">
														I think so
														<span class="small-caps">40 minutes ago</span>
													</a></li>
												</ul>
											</div><!-- /.nav-dropdown-content scroll-nav-dropdown -->
											<button class="btn btn-primary btn-square btn-block">See all message</button>
										</li>
									</ul>
								</li>
								<!-- End nav message -->
								
								<!-- Begin nav friend request -->
								<li class="dropdown">
									<a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
										<span class="badge badge-info icon-count">2</span>
										<i class="fa fa-users"></i>
									</a>
									<ul class="dropdown-menu square margin-list-rounded with-triangle">
										<li>
											<div class="nav-dropdown-heading">
											Friend requests
											</div><!-- /.nav-dropdown-heading -->
											<div class="nav-dropdown-content static-list scroll-nav-dropdown">
												<ul>
													<li>
														<img src="" class="absolute-left-content img-circle" alt="Avatar">
														<div class="row">
															<div class="col-xs-6">
																<strong>Craig Dixon</strong>
																<span class="small-caps">2 murtual friends</span>
															</div>
															<div class="col-xs-6 text-right btn-action">
																<button class="btn btn-success btn-xs">Accept</button><button class="btn btn-danger btn-xs">Ignore</button>
															</div><!-- /.col-xs-5 text-right btn-cation -->
														</div><!-- /.row -->
													</li>
												</ul>
											</div><!-- /.nav-dropdown-content scroll-nav-dropdown -->
											<button class="btn btn-primary btn-square btn-block">See all request</button>
										</li>
									</ul>
								</li>
								<!-- End nav friend requuest -->
								
							</ul>
							@endif
							
							<!-- Begin nav search form -->
							<!--<form class="navbar-form navbar-left" role="search">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="@lang( 'global.whatAreYouLookingFor' )">
								</div>
							</form>
							<form class="navbar-form navbar-left" role="search">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="@lang( 'global.whatAreYouLookingFor' )">
							    	<span class="input-group-btn">
							        	<button class="btn btn-default" type="button">Go!</button>
							      	</span>
								</div>
							</form>-->
							<!-- End nav search form -->
						</div>
						<!-- End Collapse menu nav -->
						
					</div><!-- /.top-nav-content -->
				</div><!-- /.top-navbar-inner -->
			</div><!-- /.top-navbar -->
			<!-- END TOP NAV -->
			
			<!-- BEGIN SIDEBAR RIGHT HEADING -->
			<div class="sidebar-right-heading">
				<ul class="nav nav-tabs square nav-justified">
				  <li class="active"><a href="#online-user-sidebar" data-toggle="tab"><i class="fa fa-comments"></i></a></li>
				  <li><a href="#notification-sidebar" data-toggle="tab"><i class="fa fa-bell"></i></a></li>
				  <li><a href="#task-sidebar" data-toggle="tab"><i class="fa fa-tasks"></i></a></li>
				  <li><a href="#setting-sidebar" data-toggle="tab"><i class="fa fa-cogs"></i></a></li>
				</ul>
			</div><!-- /.sidebar-right-heading -->
			<!-- END SIDEBAR RIGHT HEADING -->
			
			<!-- BEGIN SIDEBAR RIGHT -->
			<div class="sidebar-right sidebar-nicescroller">
				<div class="tab-content">
				  <div class="tab-pane fade in active" id="online-user-sidebar">
				  	<ul class="sidebar-menu">
				  		<li class="static">Tab 1 title</li>
				  		<li class="text-content">Tab 1</li>
					</ul>
				  </div>
				  <div class="tab-pane fade" id="notification-sidebar">
					<ul class="sidebar-menu">
				  		<li class="static">Tab 2 title</li>
				  		<li class="text-content">Tab 2</li>
					</ul>
				  </div>
				  <div class="tab-pane fade" id="task-sidebar">
					<ul class="sidebar-menu">
				  		<li class="static">Tab 3 title</li>
				  		<li class="text-content">Tab 3</li>
					</ul>
				  </div><!-- /#task-sidebar -->
				  <div class="tab-pane fade" id="setting-sidebar">
					<ul class="sidebar-menu">
						<li class="static">ACCOUNT SETTING</li>
						<li class="text-content">
							<div class="switch">
								<div class="onoffswitch blank">
									<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="onlinestatus" checked>
									<label class="onoffswitch-label" for="onlinestatus">
										<span class="onoffswitch-inner"></span>
										<span class="onoffswitch-switch"></span>
									</label>
								</div>
							</div>
							Online status
						</li>
					</ul>
				  </div><!-- /#setting-sidebar -->
				</div><!-- /.tab-content -->
			</div><!-- /.sidebar-right -->
			<!-- END SIDEBAR RIGHT -->
			
			<!-- BEGIN PAGE CONTENT -->
			<div class="page-content">
				<div class="container-fluid">
					<div class="row" style="padding-top: 30px;">
						<div class="col-md-8" style="padding-bottom: 40px;">
							@section( 'left-content' )
							@show
						</div><!-- /.col-md-8 -->
						
						<div class="col-md-4" style="padding-bottom: 40px;">
						
							<!-- BEGIN POPULAR POST --
							<div class="the-box no-border bg-danger text-center signup-newsletter">
								<h4 class="small-heading more-margin-bottom">POPULAR POST</h4>
								<a href="#fakelink">
								<h3>Dadi ngene iki ceritane mas bos, ndek jaman semono ki anu</h3>
								</a>
								<p><small>WRITTEN BY <a href="#fakelink">ADMINISTRATOR</a></small></p>
								<hr />
								<p><button class="btn btn-danger btn-block">READ MORE THIS STORY</button></p>
							</div><!-- /.the-box .no-border -->
							<!-- END POPULAR POST -->
							
							<!-- BEGIN JOIN NEWSLETTER --
							<div class="the-box no-border text-center signup-newsletter">
								<h4 class="small-heading more-margin-bottom">JOIN NEWSLETTER</h4>
								<p>Sign up for our daily Newslatter</p>
								<form role="form">
									<div class="row">
										<div class="col-xs-8">
										  <div class="form-group">
											<input type="email" class="form-control" placeholder="Enter email">
										  </div>
										</div>
										<div class="col-xs-4 col-full-width-left">
											<button type="submit" class="btn btn-info btn-block">Sign up</button>
										</div>
									</div>
								</form>
							</div>
							<!-- END JOIN NEWSLETTER -->
							
							<!-- BEGIN TAG CLOUD --
							<div class="the-box no-border tags-cloud">
							<h4 class="small-heading more-margin-bottom">TAGS CLOUD</h4>
								<p>
									<a href="#fakelink"><span class="label label-success">Computer</span></a> 
									<a href="#fakelink"><span class="label label-success">HTML</span></a> 
									<a href="#fakelink"><span class="label label-success">CSS3</span></a> 
									<a href="#fakelink"><span class="label label-success">Jquery</span></a> 
									<a href="#fakelink"><span class="label label-success">Web</span></a> 
									<a href="#fakelink"><span class="label label-success">Design</span></a> 
									<a href="#fakelink"><span class="label label-success">HTML5</span></a> 
									<a href="#fakelink"><span class="label label-success">Photoshop</span></a> 
									<a href="#fakelink"><span class="label label-success">Javascript</span></a> 
									<a href="#fakelink"><span class="label label-success">CSS Transition</span></a> 
								</p>
							</div>
							<!-- END TAG CLOUD -->
							
							<!-- BEGIN RECENT POST --
							<div class="the-box no-border">
								<h4 class="small-heading more-margin-bottom">RECENT POSTS</h4>
								<ul class="media-list media-xs media-dotted">
								  <li class="media">
									<div class="media-body">
									  <h4 class="media-heading"><a href="#fakelink">Duis autem vel eum iriure dolor in hendrerit in</a></h4>
									  <p class="date"><small>6 hours ago</small></p>
									</div>
								  </li>
								</ul>
							</div>
							<!-- END RECENT POST -->
							<!-- BEGIN RECENT COMMENTS --
							<div class="the-box no-border">
								<h4 class="small-heading more-margin-bottom">RECENT COMMENTS</h4>
								<ul class="media-list media-xs media-dotted">
								  <li class="media">
									<a class="pull-left" href="#fakelink">
									  <img class="media-object" src="" alt="Avatar">
									</a>
									<div class="media-body">
									  <h4 class="media-heading"><a href="#fakelink">Elizabeth Owens</a> at 
									  <a href="#fakelink">Duis autem vel eum iriure dolor in hendrerit in</a></h4>
									  <p class="date"><small>yesterday</small></p>
									  <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo...
									  </p>
									</div>
								  </li>
								</ul>
							</div>
							<!-- END RECENT COMMENTS -->
							
						</div><!-- /.col-md-4 -->
					</div><!-- /.row -->
				
				</div><!-- /.container-fluid -->
				
				<!-- BEGIN FOOTER -->
				<!--<footer>
					&copy; 2014 <a href="#fakelink">Your company</a><br />
					Design by <a href="http://isohdesign.com/" target="_blank">ids</a>. Purchase this item at <a href="http://goo.gl/wSCjxD" target="_blank">Themeforest</a>
				</footer>-->
				<!-- END FOOTER -->
				
			</div><!-- /.page-content -->
		</div><!-- /.wrapper -->
		<!-- END PAGE CONTENT -->
		
		<!-- MAIN JAVASRCIPT (REQUIRED ALL PAGE)-->
		{{ HTML::script('js/jquery.min.js') }}
		{{ HTML::script('js/bootstrap.min.js') }}
		{{ HTML::script('plugins/nicescroll/jquery.nicescroll.js') }}
		{{ HTML::script('plugins/slimscroll/jquery.slimscroll.min.js') }}
		{{ HTML::script('plugins/backstretch/jquery.backstretch.min.js') }}
		
		<!-- MAIN APPS JS -->
		{{ HTML::script('js/apps.js') }}
		
		<!-- Custom Includes -->
		@section( 'includes' )
		@show
	</body>
</html>